.pict-wrapper {
	background-color: black;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	.pict-box {
		width: 1080px;
		height: 660px;
		position: absolute;
		opacity: 0;
		animation: showmove 4s ;
		&:nth-of-type(10){
			animation-fill-mode: forwards;
		}
		&::after {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			background-color: black;
			opacity: 0.32;
			position: absolute;
		}
		.text {
			position: absolute;
			left: 150px;
			bottom: 160px;
			font-weight: 600;
			opacity: 0.8;
			z-index: 1;
			animation: fontmove ease-out 4s forwards;

			.h1 {
				color: white;
				font-size: 65px;
				letter-spacing: 15px;
			}
			.h2 {
				color: white;
				font-size: 37px;
				letter-spacing: 3px;
			}
		}
		.text>span,
		.text-copy>span {
			display: block;
		}
		.text-copy {
			position: absolute;
			left: 114px;
			bottom: 105px;
			color: white;
			font-weight: 600;
			opacity: 0.4;
			line-height: 120px;
			animation: fontmove ease-out 4s forwards;
			.h1-copy {
				font-size: 80px;
				letter-spacing: 15px;
			}
			.h2-copy {
				font-size: 45px;
				letter-spacing: 6px;
				position: relative;
				top: -8px;
			}
		}

		img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
		}
	}
}

@keyframes showmove {
	0%{
		opacity: .8;
	}
	100%{
		opacity: 1;
	}
}
// 字体变大
@keyframes fontmove {
	15%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.15);
	}
}





